<%@taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<%@page contentType="text/html" pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.0//EN" "http://www.w3.org/TR/REC-html40/strict.dtd">
<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
        <script type="text/javascript" src="js/jquery-1.7.2.min.js"></script>
        <script type="text/javascript" src="js/jquery-ui-1.8.20.custom.min.js"></script>
        <script type="text/javascript" src="js/main.js"></script>   
        <script type="text/javascript" src="js/jquery.selectBox.min.js"></script>
        <link rel="stylesheet" href="<c:url value="/style.css"/>" type="text/css">
        <link rel="stylesheet" href="<c:url value="/css/dark-hive/jquery-ui-1.8.20.custom.css"/>" type="text/css">        
        <title>Add medium</title>
    </head>
    <body>
        <div id="layoutform1">
            <div id="header" class="ui-corner-all ui-state-default"><h1>Add Medium</h1></div>
            <div id="container">
                <div id="left_add" class="ui-corner-all">
                    <form name="form" action="<c:url value="/Add"/>" method="post" onsubmit="return verificate(this);">
                        <table id="movies_table" >
                            <tr>
                                <th>Name</th>
                                <td style="width:25%"><input type="text" name="name" class="input-width" onblur="isFilled(this)" placeholder="Medium Name"></td>
                            </tr>
                            <tr>
                                <th>Type</th>                                
                                <td> 
                                    <select name="type">
                                        <option value="CD" selected="selected ">CD</option>
                                        <option value="DVD">DVD</option>
                                        <option value="HDD">HDD</option>
                                    </select>
                                </td>
                            </tr>
                            <tr class="bold-text form-table-border">
                                <th>Movies:</th>
                                <td style="width: 30%">Title</td>
                                <td>Length</td>
                                <td>Genre</td>
                                <td>Languages</td>
                                <td>Format</td>
                                <td>Note</td>                                
                            </tr>                           
                        </table>
                        <div>                            
                            <input type="Submit" value="Add Medium" name="add"> 
                            <a href="#F" id="add_movie_row">Add Movie</a>
                            <input type="button" value="Cancel" name="cancel" onclick="window.location = 'http://localhost:8080/Videolib'">
                        </div>
                    </form>
                </div>
            </div>
        </div>
    </body>
</html>
